【vue】npm run build打包路径问题

我的vue脚手架目录结构如下 有个config文件夹，在index.js中有两个方法一个开发dev,一个生产build。

我们打包自然要设置build中的代码了。下面是修改后的状态，箭头指向的地方之前是assetsPublicPath: '/'

背景图片的路径需要找到Vue目录结构中的build文件夹，里面有个utils.js 这里我们要设置utils.js 这段代码是将css从打包中单独提取出来作为一个文件夹。

箭头指向的publicPath：'../../' 是我手填上去的，开始这里是没有这一项的，可以看到这个if判断的上面有两个英文注释，翻译一下就是：在指定该选项时提取CSS（在生产过程中是这样的）。添加上这条地址路径之后，你在看看你的背景图有没有出来。

想去掉地址的#,应该难看（挖坑中），最后打包的时候，页面一直是空白的，路径怎么看都没问题了，然后求助大佬，扫描出这个的问题，去掉之后问题就解决了（Amazing.gif）。

由于 vue-cli 3 项目初始化后，没有了 build 目录，webpack.base.config.js、webpack.dev.config.js 、webpack.prod.config.js 等配置文件。而是需要自己在更目录下创建一个vue.config.js vue.config配置文档 修改路径同vue2.一样修改publicPath